﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Product Page</title>

    <link rel="preconnect" href="https://fonts.gstatic.com"/>
    <link href="static/css/fc1ab68d70ad48e88943ce422f4566dc.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="static/css/bootstrap-select.min.css"/>
    <link rel="stylesheet" href="static/css/animate.min.css"/>
    <link rel="stylesheet" href="static/css/all.min.css"/>
    <link rel="stylesheet" href="static/css/jarallax.css"/>
    <link rel="stylesheet" href="static/css/organik-icons.css"/>
    <link rel="stylesheet" href="static/css/jquery.magnific-popup.css"/>
    <link rel="stylesheet" href="static/css/nouislider.min.css"/>
    <link rel="stylesheet" href="static/css/nouislider.pips.css"/>
    <link rel="stylesheet" href="static/css/odometer.min.css"/>
    <link rel="stylesheet" href="static/css/swiper.min.css"/>
    <link rel="stylesheet" href="static/css/tiny-slider.min.css"/>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="js/common_js.js" type="text/javascript"></script>
    <script src="js/footer.js" type="text/javascript"></script>
    <link rel="stylesheet" href="static/css/organik.css"/>
    <!--模态框-->
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="static/css/imgupload.css">
    <script src="js/hit.js" type="text/javascript"></script>
    <script>


        //当文档加载完成后再执行
        $(document).ready(function () {
            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/isLogin.do",
                dataType: "json",
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    if (result.flag == 1) {
                        //说明已经登录
                        $("#logininfo").html("欢迎你，" + result.data.userName + "&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='loginout()'>注销</a>");
                        $("#userinfo").html("<ul class=\"main-menu__list\"><li class=\"dropdown\"><a href='index.html'><i className='organik-icon-user'></i>个人中心</a> " +
                            "<ul>\n" +
                            "<li>\n" +
                            "<a href=\"userinfo.html\">个人信息修改</a></li>\n" +
                            "<li><a href=\"index-2.html\">发布自己的元产品</a></li>\n" +
                            " <li><a href=\"index-2.html\">显示个人信息</a></li>\n" +
                            " <li><a href=\"index-2.html\">交易记录</a></li>\n" +
                            " <li><a href=\"index-2.html\">个人产品</a></li>\n" +
                            "</li>\n" +
                            "</ul>" +
                            "</li>"
                        );
                    } else {
                        //说明未登录
                        $("#logininfo").html("<a href='login.html' class='green'>登录</a> /<a href='register.html' class='green'>免费注册</a>");
                    }
                }
            });

        });

    </script>
    <script>
        function loginout() {
            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/loginOut.do",
                dataType: "json",
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    alert(result.msg);
                    //跳转到登录页面？刷新页面
                    location.reload();
                }
            });


        }


    </script>
    <!--自动填充图片信息-->
    <script>
        //获取cookie来搜索产品详情
        //当文档加载完成后再执行
        $(document).ready(function () {

            //var goodId=getCookie("goodId");
            var soilId = window.localStorage.getItem('soilId');
            var flag = window.localStorage.getItem('flag');
            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/getSoilById.do",
                dataType: "json",
                data: {soilid: soilId},
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    if (result.flag == 1) {
                        //说明找到农场
                        $("#soil_name").html("农场名：" + result.data.soilName);
                        $("#soil_price").html("农场价格：" + "￥" + result.data.soilPrice);
                        $("#soil_des").html("农场介绍：" + result.data.soilDes);
                        $("#soil_status").html("农场状态：" + result.data.soilStatus);
                        $("#soil_maturity").html("农场作物成熟度：" + result.data.soilMaturity);
                        $("#soil_fruit").html("农场作物类型：" + result.data.soilFruit);
                        $("#soil_foot").html("<button className='btn btn-default' data-dismiss='modal'>关闭</button>");
                        //+"<button className='btn btn-primary' onClick='addSoil("+soilId+")'>加购</button>");
                        // 读取并且设置农场作物成熟度
                        var input = document.getElementById("addGoodMaturity");
                        input.setAttribute("value", result.data.soilMaturity);
                        /*// 读取并设置农场作物类型
                        input = document.getElementById("addGoodFruit");
                        input.setAttribute("value", result.data.soilFruit);*/

                        $("#good_foot").html("<button className='btn btn-default' data-dismiss='modal'>关闭</button>"
                            + "<button className='btn btn-primary' onClick='harvest(" + soilId + ")'>收获</button>");



                        if (flag == 1) {
                            //填充浇水等自己农场才能用的按钮

                            $("#fucs").html(
                                "&emsp;&emsp;<a href='#mymodal' data-toggle='modal'><i class='organik-icon-visibility'></i></a>&emsp;&emsp;"
                                + "<a onClick='irrigate()'><i class='fa fa-tree' aria-hidden='true'></i></a>&emsp;&emsp;"
                                + "<a href='#mymodal2' data-toggle='modal'><i class='fa fa-truck' aria-hidden='true'></i></a>"
                                + ""
                            );

                        } else {
                            //填充购买、偷能量等路人才能用的按钮

                            $("#fucs").html("<a onClick='add(" + soilId + ")'><i className='organik-icon-shopping-cart'></i></a>"
                                + ""
                                + ""
                            );


                        }


                        var str = "";
                        if (result.data.soilPhoto == null) {
                            str = '<a-scene>' +
                                '<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/NULL.jfif"></a-sky>' +
                                //'<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/'+ result.data.soilPhoto+'"></a-sky>'+
                                '</a-scene>';
                        } else {
                            str = '<a-scene>' +
                                //'<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/lake.jpeg"></a-sky>'+
                                '<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/' + result.data.soilPhoto + '"></a-sky>' +
                                '</a-scene>';
                        }

                        $("#webVR").append(str);
                    } else {
                        //说明未找到农场
                        $("#soil_name").html("找不到该ID的产品：" + soilId);
                        $("#soil_price").html("￥ NULL");
                        //此处可以替换为NULL图片
                        var str = "";
                        str = '<a-scene>' +
                            '<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/NULL.jfif"></a-sky>' +
                            //'<a-sky src="http://localhost:8088/UniverseFarmBack/static/picture/soils/'+ result.data.soilPhoto+'"></a-sky>'+
                            '</a-scene>';
                        $("#webVR").append(str);
                    }
                }
            });
        })
    </script>


    <!--    浇水-->
    <script>
        var soilId = window.localStorage.getItem('soilId');

        function irrigate() {
            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/irrigate.do",
                dataType: "json",
                data: {soilid: soilId},
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    alert(result.msg + ",当前成熟度为" + result.data);
                    location.reload();
                }
            });
        }
    </script>
    <script>
        // soilId=window.localStorage.getItem('soilId');
        function harvest(soilId) {

            var addGoodName = $("#addGoodName").val();
            var addGoodDes = $("#addGoodDes").val();
            var addGoodPrice = $("#addGoodPrice").val();
            var addGoodPhoto = $("#addGoodPhoto").val();
            var addGoodStatus = $("#addGoodStatus").val();
            var addGoodMaturity = $("#addGoodMaturity").val();
            var addGoodFruit = $("#addGoodFruit").val();

            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/harvest.do",
                dataType: "json",
                data: {
                    soilid: soilId,
                    addGoodName: addGoodName,
                    addGoodDes: addGoodDes,
                    addGoodPrice: addGoodPrice,
                    addGoodPhoto: addGoodPhoto,
                    addGoodStatus: addGoodStatus,
                    addGoodMaturity: addGoodMaturity,
                    addGoodFruit: addGoodFruit
                },
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    if (result.flag == 1) {
                        //后面的值都是null很奇怪,哦原来是把flag写成flat
                        alert(result.msg + ",当前成熟度为:" + result.data.soilMaturity + ",已发布" + result.usermsg + "箱" + addGoodName);
                        //创建完新产品之后再执行上传图片的操作
                        uploadgoodimg(result.data.soilId);
                        //本来会弹窗说图片上传成功但是刷新太快就没了，后台也没来得及显示上传成功结果数据库跟本地都存好了……
                        location.reload();
                    } else {
                        alert(result.msg);
                        location.reload();
                    }
                }
            });
        }
    </script>
    <script>
        function add(soilId) {
            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/addCart.do",
                dataType: "json",
                data: {soilinfoid: soilId},
                type: "get",
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (result) {
                    alert(result.msg);
                    //跳转到登录页面？刷新页面
                    // location.reload();
                }
            });


        }
    </script>
    <script>
        function uploadgoodimg(soilId) {
            var avatarImg = $("#imgg").attr("src");
//这里对base64串进行操作，去掉url头，并转换为byte
            var bytes = window.atob(avatarImg.split(',')[1]);
//处理异常，将ASCII码小于0的转换为大于0
            var array = [];
            for (var i = 0; i < bytes.length; i++) {
                array.push(bytes.charCodeAt(i));
            }
            var blob = new Blob([new Uint8Array(array)], {type: 'image/jpeg'});
            var formData = new FormData();
            formData.append('file', blob, Date.now() + '.jpg');
            //var soilId = window.localStorage.getItem('soilId');
            formData.append('goodId',soilId);

            $.ajax({
                url: "http://localhost:8088/UniverseFarmBack/uploadGoodImg.do",
                type: 'POST',
                // 告诉jQuery不要去处理发送的数据
                processData: false,
                // 告诉jQuery不要去设置Content-Type请求头
                contentType: false,
                /*dataType: 'json',*/
                data: formData,

                xhrFields: {                               //保存session在跨域访问中不会丢失！！！
                    withCredentials: true
                },
                crossDomain: true,
                beforeSend: function () {
                    console.log("正在进行，请稍候");
                },
                success: function (result) {
                    if (result.flag == 0) {
                        alert("图片上传异常，请稍后再试");
                    } else {
                        alert("图片上传成功！");
                        //设置头像
                         $("#addGoodPhoto").html("<img src='http://localhost:8088/UniverseFarmBack/static/picture/goods/" + result.data.soilPhoto + "' alt=''/>");
                        // //http://localhost:8088/UniverseFarmBack/static/picture/avatar/1640652355689_1640652355651.jpg
                        // $("#updateuserphoto").html("<img src='http://localhost:8088/UniverseFarmBack/static/picture/avatar/" + result.data.userPhoto + "' alt=''/>");
                    }
                },
                error: function (result) {
                    console.log("error");
                }
            });
        }
    </script>
</head>
<body>
<div class="preloader">
    <img class="preloader__image" width="55" src="static/picture/loader.png" alt=""/>
</div>


<div class="page-wrapper">
    <header class="main-header">
        <div class="topbar">
            <div class="container">
                <div id="logininfo"></div>
                <div class="main-logo">
                    <a href="index.html" class="logo">
                        <img src="static/picture/universe.PNG" width="300" alt="">
                    </a>
                    <div class="mobile-nav__buttons">
                        <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
                        <a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
                    </div>
                    <span class="fa fa-bars mobile-nav__toggler"></span>
                </div>
                <div class="topbar__left">
                    <div class="topbar__social">
                        <a href="#" class="fab fa-twitter"></a>
                        <a href="#" class="fab fa-facebook-square"></a>
                        <a href="#" class="fab fa-instagram"></a>
                    </div>
                    <div class="topbar__info">
                        <i class="organik-icon-email"></i>
                        <p>Email <a href="/cdn-cgi/l/email-protection#8de4e3ebe2cde2ffeaece3e4e6a3eee2e0"><span
                                class="__cf_email__" data-cfemail="90f9fef6ffd0ffe2f7f1fef9fbbef3fffd">[email&#160;protected]</span></a>
                        </p>
                    </div>
                </div>
                <div class="topbar__right">
                    <div class="topbar__info">
                        <i class="organik-icon-calling"></i>
                        <p>Phone <a href="tel:+92-666-888-0000">92 666 888 0000</a></p>
                    </div>
                    <div class="topbar__buttons">
                        <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
                        <a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <nav class="main-menu">
            <div class="container">
                <!--个人信息页面-->
                <div class="main-menu__login" id="userinfo">
                </div>
                <ul class="main-menu__list">
                    <li class="dropdown">
                        <a href="index.html">主页</a>
                        <ul>
                            <li><a href="index.html">主界页</a></li>
                            <li><a href="#shangpin">商品</a></li>
                            <li><a href="#jianjie">简介</a></li>
                            <li><a href="#gonglue">攻略</a></li>
                            <!--<li class="dropdown">
                                <a href="#">Header Styles</a>
                                <ul>
                                    <li><a href="index.html">Header One</a></li>
                                    <li><a href="index-2.html">Header Two</a></li>
                                </ul>
                            </li>-->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="products.html">交易市场</a>
                        <!--<ul>
                            <li><a href="products.html">Shop</a></li>
                            <li><a href="product-details.html">Product Details</a></li>
                            <li><a href="cart.html">Cart Page</a></li>
                            <li><a href="checkout.html">Checkout</a></li>
                        </ul>-->
                    </li>
                    <li class="dropdown"><a href="cart.html">购物车</a>
                        <!--<ul>
                            <li><a href="news.html">购物车</a></li>
                            <li><a href="news-details.html">News Details</a></li>
                        </ul>-->
                    </li>
                    <li><a href="mysoils.html">个人农场</a></li>
                    <li><a href="soils.html">农场社区</a></li>
                </ul>
                <!--<li>
                <a href="about.html">About</a>
                </li>-->
                <!--<li class="dropdown">
                    <a href="products.html">Shop</a>
                    <ul>
                        <li><a href="products.html">Shop</a></li>
                        <li><a href="product-details.html">Product Details</a></li>
                        <li><a href="cart.html">Cart Page</a></li>
                        <li><a href="checkout.html">Checkout</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="news.html">News</a>
                    <ul>
                        <li><a href="news.html">News</a></li>
                        <li><a href="news-details.html">News Details</a></li>
                    </ul>
                </li>
                <li><a href="soils.html">Contact</a></li>
            </ul>-->
                <div class="main-menu__language">
                    <img src="static/picture/flag-1-0.jpg" alt="">
                    <label class="sr-only" for="language-select">选择语言</label>

                    <select class="selectpicker" id="language-select-header">
                        <option value="english">中文</option>
                        <option value="arabic">英语</option>
                    </select>
                </div>
            </div>
        </nav>

    </header>
    <div class="stricky-header stricked-menu main-menu">
        <div class="sticky-header__content"></div>
    </div>

</div>

<div style="margin:0 auto" id="fucs">
    <!--此处添加功能按钮-->

    <!--    <a onclick="irrigate()" ><i class="fa fa-tree" aria-hidden="true"></i></a>-->

</div>
<!--此处插入aframe标签-->
<div id="webVR">

</div>
<!--此处插入农场介绍框-->
<div id="mymodal" class="modal fade">
    <!--相对定位，自适应宽高-->
    <!--当分辨率大于768px时，宽度为600px-->

    <div class="modal-dialog" style="display: inline-block;left: 300px">
        <div class="modal-content" style="align-content: center;width: 910px">
            <div class="modal-body">
                <p id="soil_name"></p>
                <p id="soil_price"></p>
                <p id="soil_des"></p>
                <p id="soil_status"></p>
                <p id="soil_maturity"></p>
                <p id="soil_fruit"></p>
            </div>
            <div class="modal-footer" id="soil_foot">

            </div>

        </div>
    </div>
</div>
<!--此处为收获模态框-->
<div id="mymodal2" class="modal fade">
    <!--相对定位，自适应宽高-->
    <!--当分辨率大于768px时，宽度为600px-->

    <div class="modal-dialog" style="display: inline-block;left: 300px">
        <div class="modal-content" style="align-content: center;width: 910px">
            <div class="modal-body">
                <p id="good_name">
                    商品名：<input type="email" name="EMAIL" id="addGoodName" value=""
                               placeholder="good_name">
                </p>
                <p id="good_price">
                    商品价格：<input type="email" name="EMAIL" id="addGoodPrice" value=""
                                placeholder="good_price">
                </p>
                <p id="good_des">
                    商品描述：<input type="email" name="EMAIL" id="addGoodDes" value=""
                                placeholder="good_des">
                </p>
                <p id="good_photo">
                    商品照片：<button href="#mymodal3" data-toggle="modal"  value="上传照片"
                                placeholder="good_photo">上传照片</button><a id="addGoodPhoto"></a>
                </p>
                <p id="good_status">
                    <!--商品状态，默认0-->
                    <input type="email" name="EMAIL" id="addGoodStatus" value="0"
                           placeholder="good_status" disabled="true" hidden="true">
                </p>
                <p id="good_maturity">
                    作物成熟度：
                    <input type="email" name="EMAIL" id="addGoodMaturity" value=""
                           placeholder="good_maturity" disabled="true">
                </p>
                <p id="good_fruit">
                    商品类型：<input type="email" name="EMAIL" id="addGoodFruit" value=""
                                placeholder="good_fruit" >
                </p>
            </div>
            <div class="modal-footer" id="good_foot">
                <!--此处填充模态框底部按钮-->
            </div>

        </div>
    </div>
</div>
<!--此处为产品图片上传-->
<div id="mymodal3" class="modal fade">
    <!--相对定位，自适应宽高-->
    <!--当分辨率大于768px时，宽度为600px-->

    <div class="modal-dialog" style="display: inline-block;left: 300px">
        <div class="modal-content" style="align-content: center;width: 910px">
            <div id="_modalDialog_body" class="modal-body">
                <!--Tz_box start-->
                <div id="Tz_box">
                    <input type="file" id="input" size="10" style="visibility:hidden;">
                    <canvas id="Tz_wrap"></canvas>
                    <p class="ptit">请拖拽图片至此区域</p>
                    <!--btnbox start-->
                    <div class="btnbox">
                        <div id="rotateLeftBtn">↶<span>左旋转</span></div>
                        <div id="rotateRightBtn">↷<span>左旋转</span></div>
                        <div id="upload">⇧<span>上传图片</span></div>
                        <div id="send">➥<span>确认发送</span></div>
                    </div>
                    <!--btnbox end-->
                    <!--showbox start-->
                    <div class="showbox">
                        <canvas id="preview180" class="preview"></canvas>
                        <span class="tit">图片预览:158*158</span>
                        <!--此处会填充src-->
                        <div class="prev"><img src="" alt="" id="imgg"></div>
                        <span class="tit">生成图片可右键保存到本地</span>
                    </div>
                    <!--show box end-->
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal">关闭</button>
                <!--<button class="btn btn-primary" onclick="uploadgoodimg()">提交</button>-->
            </div>

        </div>
    </div>
</div>

<div class="mobile-nav__wrapper">
    <div class="mobile-nav__overlay mobile-nav__toggler"></div>

    <div class="mobile-nav__content">
        <span class="mobile-nav__close mobile-nav__toggler"><i class="organik-icon-close"></i></span>
        <div class="logo-box">
            <a href="index.html" aria-label="logo image"><img src="static/picture/logo-light.png" width="155"
                                                              alt=""/></a>
        </div>

        <div class="mobile-nav__container"></div>

        <ul class="mobile-nav__contact list-unstyled">
            <li>
                <i class="organik-icon-email"></i>
                <a href="/cdn-cgi/l/email-protection#08666d6d6c606d647848677a6f69666163266b6765"><span
                        class="__cf_email__" data-cfemail="69070c0c0d010c051929061b0e08070002470a0604">[email&#160;protected]</span></a>
            </li>
            <li>
                <i class="organik-icon-calling"></i>
                <a href="tel:666-888-0000">666 888 0000</a>
            </li>
        </ul>
        <div class="mobile-nav__top">
            <div class="mobile-nav__language">
                <img src="static/picture/flag-1-0.jpg" alt="">
                <label class="sr-only" for="language-select">select language</label>

                <select class="selectpicker" id="language-select">
                    <option value="english">English</option>
                    <option value="arabic">Arabic</option>
                </select>
            </div>
            <div class="main-menu__login">
                <a href="login.html"><i class="organik-icon-user"></i>Login / Register</a>
            </div>
        </div>
    </div>

</div>

<div class="mini-cart">
    <div class="mini-cart__overlay mini-cart__toggler"></div>
    <div class="mini-cart__content">
        <div class="mini-cart__top">
            <h3 class="mini-cart__title">Shopping Cart</h3>
            <span class="mini-cart__close mini-cart__toggler"><i class="organik-icon-close"></i></span>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-1.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Banana</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="1" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-2.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Tomato</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-3.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Bread</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="3" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <a href="checkout.html" class="thm-btn mini-cart__checkout">Proceed To Checkout</a>
    </div>
</div>
<div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>

    <div class="search-popup__content">
        <form action="#">
            <label for="search" class="sr-only">search here</label>
            <input type="text" id="search" placeholder="Search Here..."/>
            <button type="submit" aria-label="search submit" class="thm-btn">
                <i class="organik-icon-magnifying-glass"></i>
            </button>
        </form>
    </div>

</div>

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/bootstrap-select.min.js"></script>
<script src="static/js/jarallax.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.circle-progress.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/nouislider.min.js"></script>
<script src="static/js/odometer.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/tiny-slider.min.js"></script>
<script src="static/js/wnumb.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/countdown.min.js"></script>

<script src="static/js/organik.js"></script>
<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>

<!--Tz_box end-->
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="static/js/imagecropper.js"></script>
<script type="text/javascript" src="static/js/imgupload.js"></script>
</body>
</html>